<!DOCTYPE html>
<html lang="zh">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Web前端开发技术主题教育网123</title>
    <link rel="stylesheet" href="css/dtjt8.css">
    <link rel="stylesheet" href="css/simplenews.css">
    <link rel="stylesheet" href="css/default.css">
    <link rel="stylesheet" href="css/nav.css">
    <link rel="stylesheet" href="css/bootstrap.min.css" media="screen">
    <link rel="stylesheet" href="css/lxyz.css">
    <base target="_blank">

    <script src="js/index.js"></script>
</head>
<body>

<div class="banner">
    <div class="wrapper" id="header"><img src="img/banner.jpg" alt="" width="100%" height="455"></div>
</div>

<div class="container">
    <div class="wrapper" id="navigator">
        <div class="row">
            <div class="span12">
                <div id="wp_nav_w100">
                    <ul class="wp_nav"
                        data-nav-config="{drop_v: 'down', drop_w: 'right', dir: 'y', opacity_main: '-1', opacity_sub: '-1', dWidth: '0'}">
                        <li class="nav-item i1 ">
                            <a href="subpages/最新通知.html" title="最新通知" target="_self"><span
                                    class="item-name">最新通知</span></a><i class="mark"></i>
                        </li>
                        <li class="nav-item i2 ">
                            <a href="subpages/基层风采.html" title="基层风采" target="_self"><span
                                    class="item-name">基层风采</span></a><i class="mark"></i>
                        </li>
                        <li class="nav-item i3 ">
                            <a href="subpages/工作动态.html" title="工作动态" target="_self"><span
                                    class="item-name">工作动态</span></a><i class="mark"></i>
                        </li>
                        <li class="nav-item i4 ">
                            <a href="subpages/学习资料.html" title="学习资料" target="_self"><span
                                    class="item-name">学习资料</span></a><i class="mark"></i>
                        </li>
                        <li class="nav-item i5 ">
                            <a href="subpages/其他相关.html" title="其他相关" target="_self"><span
                                    class="item-name">其他相关</span></a><i class="mark"></i>
                        </li>
                        <li class="nav-item i6 ">
                            <a href="subpages/网站链接.html" title="网站链接" target="_self"><span
                                    class="item-name">网站链接</span></a><i class="mark"></i>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="wrapper" id="container">
        <div class="row mt20px">
            <div class="span10">
                <div class="ww6 pl20px">
                    <h4><span class="title">最新通知</span>
                        <span class="more pull-right"><a href="subpages/最新通知.html" class="w72_more"><span style="color: #666666;font-size: 14px">更多>></span></a></span>
                    </h4>
                    <div class="p-scroll">
                        <div class="imgScro11">
                            <div class="ml">
                                <div class="post post1 post-302">
                                    <div class="con">
                                        <div class="dtjt8_div_img" style="width:420px;height:300px;">
                                            <img id="imgShow" onclick="openWindow();" style="FILTER: revealTrans(duration=1,transition=20); border: 0; cursor: pointer;" width="420px" height="300px" >
                                            <div id='imgNumber' class="number" onclick="openWindow();"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="mr">
                                <div class="post post1 post-303">
                                    <div class="con">
                                        <ul class="news_list clearfix">
                                            <li class="news n1 clearfix">
    <span class="news_title">
        <a href='subpages/最新通知/创新互联网技术的未来展望.html' target='_blank'>创新互联网技术的未来展望</a>
    </span>
                                                <span class="news_meta">2023-12-27</span>
                                            </li>
                                            <li class="news n2 clearfix">
    <span class="news_title">
        <a href='subpages/最新通知/智能家居安全：新时代的挑战与机遇.html' target='_blank'>智能家居安全：新时代的挑战与机遇</a>
    </span>
                                                <span class="news_meta">2023-12-26</span>
                                            </li>
                                            <li class="news n3 clearfix">
    <span class="news_title">
        <a href='subpages/最新通知/探索人工智能在医疗保健中的应用.html' target='_blank'>探索人工智能在医疗保健中的应用</a>
    </span>
                                                <span class="news_meta">2023-12-25</span>
                                            </li>
                                            <li class="news n4 clearfix">
    <span class="news_title">
        <a href='subpages/最新通知/区块链技术在金融行业的革命性影响.html' target='_blank'>区块链技术在金融行业的革命性影响</a>
    </span>
                                                <span class="news_meta">2023-12-24</span>
                                            </li>
                                            <li class="news n5 clearfix">
    <span class="news_title">
        <a href='subpages/最新通知/5G网络的未来：速度与连接的新时代.html' target='_blank'>5G网络的未来：速度与连接的新时代</a>
    </span>
                                                <span class="news_meta">2023-12-23</span>
                                            </li>
                                            <li class="news n6 clearfix">
    <span class="news_title">
        <a href='subpages/最新通知/虚拟现实技术在教育领域的应用.html' target='_blank'>虚拟现实技术在教育领域的应用</a>
    </span>
                                                <span class="news_meta">2023-12-22</span>
                                            </li>
                                            <li class="news n7 clearfix">
    <span class="news_title">
        <a href='subpages/最新通知/深度学习如何改变数据分析.html' target='_blank'>深度学习如何改变数据分析</a>
    </span>
                                                <span class="news_meta">2023-12-21</span>
                                            </li>
                                            <li class="news n8 clearfix">
    <span class="news_title">
        <a href='subpages/最新通知/未来城市：智能交通系统的发展.html' target='_blank'>未来城市：智能交通系统的发展</a>
    </span>
                                                <span class="news_meta">2023-12-20</span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>

    <div class="row mt20px">
        <div class="span8 ml20px">
            <div class="ww6 pl20px">
                <h4><span class="title">工作动态</span>
                    <span class="more pull-right"><a href="subpages/工作动态.html" class="w72_more"><span style="color: #666666;font-size: 14px">更多>></span></a></span>
                </h4>

                <ul class="pul-list">

                    <li class="news-li">
                        <div class="title"><a href='subpages/工作动态/创新互联网技术的未来展望.html' target='_blank' title='创新互联网技术的未来展望'>创新互联网技术的未来展望</a></div>
                        <span class="time">2023-12-27</span>
                    </li>
                    <li class="news-li">
                        <div class="title"><a href='subpages/工作动态/智能家居安全：新时代的挑战与机遇.html' target='_blank' title='智能家居安全：新时代的挑战与机遇'>智能家居安全：新时代的挑战与机遇</a></div>
                        <span class="time">2023-12-26</span>
                    </li>
                    <li class="news-li">
                        <div class="title"><a href='subpages/工作动态/探索人工智能在医疗保健中的应用.html' target='_blank' title='探索人工智能在医疗保健中的应用'>探索人工智能在医疗保健中的应用</a></div>
                        <span class="time">2023-12-25</span>
                    </li>
                    <li class="news-li">
                        <div class="title"><a href='subpages/工作动态/区块链技术在金融行业的革命性影响.html' target='_blank' title='区块链技术在金融行业的革命性影响'>区块链技术在金融行业的革命性影响</a></div>
                        <span class="time">2023-12-24</span>
                    </li>
                    <li class="news-li">
                        <div class="title"><a href='subpages/工作动态/5G网络的未来：速度与连接的新时代.html' target='_blank' title='5G网络的未来：速度与连接的新时代'>5G网络的未来：速度与连接的新时代</a></div>
                        <span class="time">2023-12-23</span>
                    </li>


                </ul>
            </div>
        </div>
        <div class="span8 ml20px">
            <div class="ww6 pl20px">
                <h4><span class="title">基层风采</span>
                    <span class="more pull-right"><a href="subpages/基层风采.html" class="w72_more"><span style="color: #666666;font-size: 14px">更多>></span></a></span>
                </h4>

                <ul class="pul-list">

                    <li class="news-li">
                        <div class="title"><a href='subpages/基层风采/乡村振兴的典范：小镇创新发展纪实.html' target='_blank' title='乡村振兴的典范：小镇创新发展纪实'>乡村振兴的典范：小镇创新发展纪实</a></div>
                        <span class="time">2023-12-27</span>
                    </li>
                    <li class="news-li">
                        <div class="title"><a href='subpages/基层风采/草根英雄：社区志愿者的感人故事.html' target='_blank' title='草根英雄：社区志愿者的感人故事'>草根英雄：社区志愿者的感人故事</a></div>
                        <span class="time">2023-12-26</span>
                    </li>
                    <li class="news-li">
                        <div class="title"><a href='subpages/基层风采/基层创新：小城镇的环保革命.html' target='_blank' title='基层创新：小城镇的环保革命'>基层创新：小城镇的环保革命</a></div>
                        <span class="time">2023-12-25</span>
                    </li>
                    <li class="news-li">
                        <div class="title"><a href='subpages/基层风采/农村教育的希望：村校教师的奋斗.html' target='_blank' title='农村教育的希望：村校教师的奋斗'>农村教育的希望：村校教师的奋斗</a></div>
                        <span class="time">2023-12-24</span>
                    </li>
                    <li class="news-li">
                        <div class="title"><a href='subpages/基层风采/小城故事：传统手工艺的现代复兴.html' target='_blank' title='小城故事：传统手工艺的现代复兴'>小城故事：传统手工艺的现代复兴</a></div>
                        <span class="time">2023-12-23</span>
                    </li>

                </ul>
            </div>
        </div>
    </div>

    <div class="row mt20px">
        <div class="span8 ml20px">
            <div class="ww6 pl20px">
                <h4><span class="title">学习资料</span>
                    <span class="more pull-right"><a href="subpages/学习资料.html" class="w72_more"><span style="color: #666666;font-size: 14px">更多>></span></a></span>
                </h4>

                <ul class="pul-list">
                    <li class="news-li">
                        <div class="title"><a href='subpages/学习资料/HTML和CSS基础教程推荐.html' target='_blank' title='HTML和CSS基础教程推荐'>HTML和CSS基础教程推荐</a></div>
                        <span class="time">2023-11-17</span>
                    </li>
                    <li class="news-li">
                        <div class="title"><a href='subpages/学习资料/JavaScript编程入门指南.html' target='_blank' title='JavaScript编程入门指南'>JavaScript编程入门指南</a></div>
                        <span class="time">2023-11-16</span>
                    </li>
                    <li class="news-li">
                        <div class="title"><a href='subpages/学习资料/前端框架学习路径与资源整理.html' target='_blank' title='前端框架学习路径与资源整理'>前端框架学习路径与资源整理</a></div>
                        <span class="time">2023-11-15</span>
                    </li>
                    <li class="news-li">
                        <div class="title"><a href='subpages/学习资料/前端开发实战案例分析.html' target='_blank' title='前端开发实战案例分析'>前端开发实战案例分析</a></div>
                        <span class="time">2023-11-14</span>
                    </li>
                    <li class="news-li">
                        <div class="title"><a href='subpages/学习资料/响应式网页设计教程和最佳实践.html' target='_blank' title='响应式网页设计教程和最佳实践'>响应式网页设计教程和最佳实践</a></div>
                        <span class="time">2023-11-13</span>
                    </li>

                </ul>
            </div>
        </div>
        <div class="span8 ml20px">
            <div class="ww6 pl20px">
                <h4><span class="title">其他相关</span>
                    <span class="more pull-right"><a href="subpages/其他相关.html" class="w72_more"><span style="color: #666666;font-size: 14px">更多>></span></a></span>
                </h4>

                <ul class="pul-list">

                    <li class="news-li">
                        <div class="title"><a href='subpages/其他相关/跨平台前端解决方案的探讨.html' target='_blank' title='跨平台前端解决方案的探讨'>跨平台前端解决方案的探讨</a></div>
                        <span class="time">2023-12-07</span>
                    </li>
                    <li class="news-li">
                        <div class="title"><a href='subpages/其他相关/前端SEO优化的最新策略.html' target='_blank' title='前端SEO优化的最新策略'>前端SEO优化的最新策略</a></div>
                        <span class="time">2023-12-06</span>
                    </li>
                    <li class="news-li">
                        <div class="title"><a href='subpages/其他相关/使用WebGL进行3D图形开发.html' target='_blank' title='使用WebGL进行3D图形开发'>使用WebGL进行3D图形开发</a></div>
                        <span class="time">2023-12-05</span>
                    </li>
                    <li class="news-li">
                        <div class="title"><a href='subpages/其他相关/前端项目的持续集成和持续部署.html' target='_blank' title='前端项目的持续集成和持续部署'>前端项目的持续集成和持续部署</a></div>
                        <span class="time">2023-12-04</span>
                    </li>
                    <li class="news-li">
                        <div class="title"><a href='subpages/其他相关/服务端渲染(SSR)与前端的结合.html' target='_blank' title='服务端渲染(SSR)与前端的结合'>服务端渲染(SSR)与前端的结合</a></div>
                        <span class="time">2023-12-03</span>
                    </li>

                </ul>
            </div>
        </div>
    </div>

    <div class="row mt20px">
        <div class="span11">
            <div class="ww6 pl20px">
                <h4><span class="title">网站链接</span>
                    <span class="more pull-right"><a href="subpages/网站链接.html" class="w72_more"><span style="color: #666666;font-size: 14px">更多>></span></a></span>
                </h4>

                <div class="xglj i-1">
                    <div class="xglj_img"><a href='https://js.design/' target='_blank' title='即时设计'>
                        <img src='img/main_foot/1.jpg' alt="即时设计"></a></div>
                </div>
                <div class="xglj i-2">
                    <div class="xglj_img"><a href='https://www.sublimetext.com/' target='_blank' title='Sublime Text'>
                        <img src='img/main_foot/2.jpg' alt="Sublime Text"></a></div>
                </div>
                <div class="xglj i-3">
                    <div class="xglj_img"><a href='https://jquery.com/' target='_blank' title='jquery'>
                        <img src='img/main_foot/3.jpg' alt="jquery"></a></div>
                </div>
                <div class="xglj i-4">
                    <div class="xglj_img"><a href='http://www.github.com/' target='_blank' title='GitHub'>
                        <img src='img/main_foot/4.jpg' alt="GitHub"></a></div>
                </div>
                <div class="xglj i-5">
                    <div class="xglj_img"><a href='https://codepen.io/' target='_blank' title='Codepen'>
                        <img src='img/main_foot/5.jpg' alt="Codepen"></a></div>
                </div>
            </div>
        </div>
        <div style="clear:both;"></div>
    </div>
</div>

<div class="wrapper" id="footer">
    <div class="footer">
			<span>
                版权所有 © 软工213第一组课设
			</span>
    </div>
</div>

</body>
</html>